<script lang="ts" setup>
defineOptions({
  name: 'App',
});

const value = ref('');
</script>

<template>
  <div class="p-12 w-[100px]">
    <NPopover trigger="click">
      <template #trigger>
        <NTooltip trigger="hover">
          <template #trigger>
            <NInput v-model:value="value" type="text" placeholder="基本的 Input" />
          </template>
          {{ value }}
        </NTooltip>
      </template>
      <span>或许不想知道你的花园长得咋样</span>
    </NPopover>
  </div>
</template>

<style lang="less" scoped></style>
